* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box; }

li {
  cursor: pointer; }

nav {
  width: 100%;
  height: 34px;
  background: #eeeeee; }
  nav .nav {
    width: 1190px;
    height: 34px;
    margin: 0 auto;
    position: relative; }
    nav .nav .weixin {
      position: absolute;
      top: 30px;
      left: 100px;
      display: none; }
    nav .nav li {
      font-size: 14px;
      color: #666666;
      float: left;
      padding: 0 15px;
      height: 20px; }
      nav .nav li:hover {
        color: red;
        cursor: pointer; }
      nav .nav li img {
        margin-right: 5px;
        vertical-align: middle; }
    nav .nav .left {
      float: left;
      height: 34px;
      line-height: 34px; }
    nav .nav .right {
      float: right;
      height: 34px; }
      nav .nav .right li {
        height: 20px;
        border-left: 1px solid #ccc;
        margin-top: 7px; }
        nav .nav .right li:nth-of-type(1) {
          border: none; }
        nav .nav .right li:nth-of-type(2) {
          border: none; }
        nav .nav .right li:nth-of-type(3) {
          border: none; }

header {
  width: 100%;
  height: 160px; }
  header .header {
    width: 1190px;
    height: 160px;
    margin: 0 auto; }
    header .header .logo-0 {
      width: 1190px;
      height: 120px;
      padding: 24px 0 20px 0; }
      header .header .logo-0 > div:nth-child(1) {
        float: left;
        width: 370px; }
        header .header .logo-0 > div:nth-child(1) .logo-1 {
          float: left;
          padding-right: 18px;
          border-right: 1px solid #E5E5E5; }
        header .header .logo-0 > div:nth-child(1) .logo-2 {
          float: right; }
      header .header .logo-0 > div:nth-child(2) {
        width: 515px;
        height: 77px;
        float: right;
        padding: 18px 0; }
        header .header .logo-0 > div:nth-child(2) .user {
          width: 515px; }
          header .header .logo-0 > div:nth-child(2) .user div {
            float: left;
            width: 215px;
            height: 35px;
            background: url(../img/common2.png) no-repeat 0px -76px;
            padding: 10px 0 0 100px;
            color: #ffffff;
            font-size: 12px; }
            header .header .logo-0 > div:nth-child(2) .user div span {
              color: red; }
          header .header .logo-0 > div:nth-child(2) .user input {
            float: left;
            width: 300px;
            height: 34px;
            border: 1px solid #121212;
            padding: 4px; }
        header .header .logo-0 > div:nth-child(2) p {
          font-size: 12px;
          color: #A4AEB8;
          line-height: 20px; }
          header .header .logo-0 > div:nth-child(2) p span {
            color: red; }
    header .header .bottom {
      width: 1190px;
      height: 40px;
      position: relative; }
      header .header .bottom .ul {
        width: 210px;
        height: 510px;
        border: 1px solid yellow;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 40; }
        header .header .bottom .ul li {
          width: 210px;
          height: 47px;
          color: white;
          background: #333333;
          font-size: 16px;
          line-height: 47px;
          padding: 0 10px; }
          header .header .bottom .ul li font {
            font-size: 14px; }
          header .header .bottom .ul li span {
            float: right; }
          header .header .bottom .ul li:nth-of-type(1) {
            background: #222222;
            text-align: center;
            height: 40px;
            line-height: 40px; }
          header .header .bottom .ul li:hover {
            cursor: pointer; }
          header .header .bottom .ul li div {
            width: 800px;
            height: 470px;
            overflow: hidden;
            position: absolute;
            top: 40px;
            left: 210px;
            display: none; }
      header .header .bottom ol {
        height: 40px;
        position: absolute;
        left: 240px;
        top: 0; }
        header .header .bottom ol li {
          float: left;
          height: 40px;
          padding: 0 20px;
          line-height: 40px; }
          header .header .bottom ol li:hover {
            color: red;
            cursor: pointer; }
      header .header .bottom div {
        height: 40px;
        line-height: 40px;
        position: absolute;
        right: 0;
        top: 0; }
        header .header .bottom div span {
          padding: 0 10px;
          color: #aaaaaa;
          font-size: 14px;
          border-left: 1px solid #CCCCCC; }
          header .header .bottom div span:nth-of-type(1) {
            border: none; }
          header .header .bottom div span:hover {
            color: red;
            cursor: pointer; }
      header .header .bottom .img {
        position: absolute;
        right: 0;
        top: 40px;
        z-index: 10; }

ol li div {
  position: absolute; }
ol li .top {
  width: 0px;
  height: 1px;
  background: black;
  top: 0;
  left: 0; }
ol li .bottom {
  width: 1px;
  height: 0px;
  background: black;
  top: 0;
  left: 0; }
ol li .left {
  width: 0px;
  height: 1px;
  background: black;
  bottom: 0;
  right: 0; }
ol li .right {
  width: 1px;
  height: 0px;
  background: black;
  bottom: 0;
  right: 0; }

.banner {
  width: 100%;
  height: 470px;
  position: relative; }
  .banner img {
    width: 100%;
    height: 470px;
    position: absolute;
    top: 0;
    left: 0;
    display: none; }
  .banner ul {
    width: 160px;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -80px;
    z-index: 20; }
    .banner ul li {
      float: left;
      height: 10px;
      width: 30px;
      background: #211616;
      margin-left: 2px;
      cursor: pointer; }
  .banner .btn {
    width: 790px;
    height: 470px;
    margin: 0 auto;
    position: relative; }
    .banner .btn div {
      width: 30px;
      height: 70px;
      background: #211616;
      color: white;
      position: absolute;
      top: 50%;
      margin-top: -35px;
      z-index: 10;
      text-align: center;
      line-height: 70px;
      display: none;
      cursor: pointer; }
    .banner .btn .btn_left {
      left: 10px; }
    .banner .btn .btn_right {
      right: 0; }

.chaozhi {
  width: 100%;
  height: 380px; }
  .chaozhi .chaozhi_a {
    width: 1190px;
    height: 380px;
    margin: 0 auto;
    padding: 30px 0;
    position: relative; }
    .chaozhi .chaozhi_a ul {
      width: 909px;
      height: 50px;
      position: absolute;
      top: 20px;
      left: 0;
      float: left; }
      .chaozhi .chaozhi_a ul .li {
        width: 303px;
        height: 50px;
        float: left;
        line-height: 50px;
        text-align: center;
        border-bottom: 3px solid #333; }
    .chaozhi .chaozhi_a ol {
      width: 909px;
      height: 288px;
      position: absolute;
      left: 0;
      top: 50px;
      margin-top: 42px;
      display: none; }
      .chaozhi .chaozhi_a ol li {
        width: 220px;
        height: 255px;
        float: left;
        margin-left: 9px;
        box-sizing: bborder-box;
        position: relative; }
        .chaozhi .chaozhi_a ol li:nth-of-type(1) {
          margin: 0; }
        .chaozhi .chaozhi_a ol li img {
          width: 218px;
          height: 253px;
          box-sizing: border-box;
          border: 1px solid #eee; }
    .chaozhi .chaozhi_a .chaozhi_b {
      width: 270px;
      height: 300px;
      float: right; }

.tuijian {
  width: 100%;
  height: 80px; }
  .tuijian div {
    width: 1190px;
    height: 80px;
    margin: 0 auto; }

.baihuo {
  width: 100%;
  height: 650px; }
  .baihuo .baihuo_a {
    width: 1190px;
    height: 650px;
    margin: 0 auto;
    padding-top: 10px; }
    .baihuo .baihuo_a .baihuo_a2 {
      width: 1190px;
      height: 580px;
      border: 1px solid #eee;
      padding: 5px; }
      .baihuo .baihuo_a .baihuo_a2 div {
        float: left; }
      .baihuo .baihuo_a .baihuo_a2 ul {
        width: 820px;
        height: 40px;
        border-bottom: 3px solid #333;
        float: left;
        margin-left: 10px; }
        .baihuo .baihuo_a .baihuo_a2 ul li {
          height: 40px;
          padding: 0 20px;
          font-size: 18px;
          float: left;
          line-height: 40px;
          border-bottom: 3px solid #333; }
      .baihuo .baihuo_a .baihuo_a2 ol {
        width: 820px;
        height: 536px;
        float: left;
        display: none;
        margin-left: 10px;
        margin-top: 4px; }
        .baihuo .baihuo_a .baihuo_a2 ol:nth-of-type(1) img:hover {
          opacity: 0.5; }
        .baihuo .baihuo_a .baihuo_a2 ol li {
          float: left; }
        .baihuo .baihuo_a .baihuo_a2 ol:nth-of-type(2) li {
          width: 200px;
          height: 260px;
          text-align: center;
          position: relative;
          padding-top: 20px;
          margin: 2px; }

.baihuo_a1 {
  width: 1190px;
  height: 75px;
  padding: 20px 0; }
  .baihuo_a1 h1 {
    font-size: 28px;
    font-weight: 400;
    float: left; }
    .baihuo_a1 h1 span {
      color: #eb0151; }
  .baihuo_a1 div {
    float: left;
    color: #999;
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid #999;
    line-height: 20px; }

.shishang {
  width: 100%;
  height: 454px; }
  .shishang .shishang_a {
    width: 1190px;
    height: 454px;
    margin: 0 auto;
    padding-top: 10px; }
  .shishang .shishang_a2 {
    width: 1190px;
    height: 372px; }
    .shishang .shishang_a2 div {
      float: left; }
      .shishang .shishang_a2 div:nth-of-type(1) {
        width: 230px;
        height: 372px;
        border: 1px solid #eee; }
        .shishang .shishang_a2 div:nth-of-type(1) ul {
          padding: 10px 0; }
          .shishang .shishang_a2 div:nth-of-type(1) ul li {
            width: 65px;
            height: 35px;
            float: left;
            margin-top: 5px;
            border: 1px solid #eee;
            text-align: center;
            line-height: 35px;
            font-size: 14px;
            margin-left: 8px; }
            .shishang .shishang_a2 div:nth-of-type(1) ul li:hover {
              color: red; }
        .shishang .shishang_a2 div:nth-of-type(1) div {
          width: 200px;
          height: 145px;
          background: #E5E5E5;
          margin: 30px 15px;
          border-top: 1px dashed #999999;
          position: relative; }
          .shishang .shishang_a2 div:nth-of-type(1) div ol {
            width: 160px;
            height: 108px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -80px;
            margin-top: -53px; }
            .shishang .shishang_a2 div:nth-of-type(1) div ol li {
              float: left;
              width: 75px;
              height: 50px;
              margin: 2px; }
              .shishang .shishang_a2 div:nth-of-type(1) div ol li img {
                width: 75px;
                height: 50px; }
      .shishang .shishang_a2 div:nth-of-type(2) {
        width: 390px;
        height: 372px;
        margin: 0 10px;
        overflow: hidden;
        position: relative; }
        .shishang .shishang_a2 div:nth-of-type(2):hover {
          opacity: 0.7; }
        .shishang .shishang_a2 div:nth-of-type(2) ul {
          width: 780px;
          height: 372px;
          position: absolute;
          left: 0px;
          top: 0; }
          .shishang .shishang_a2 div:nth-of-type(2) ul li {
            width: 390px;
            height: 372px;
            float: left;
            z-index: 100; }
        .shishang .shishang_a2 div:nth-of-type(2) ol {
          width: 50px;
          height: 12px;
          position: absolute;
          bottom: 10px;
          left: 50%;
          margin-left: -25px; }
          .shishang .shishang_a2 div:nth-of-type(2) ol li {
            width: 12px;
            height: 12px;
            float: left;
            border-radius: 50%;
            background: #999;
            margin-left: 10px; }
        .shishang .shishang_a2 div:nth-of-type(2) .btn1 {
          width: 30px;
          height: 70px;
          background: #211616;
          color: white;
          position: absolute;
          top: 50%;
          margin-top: -35px;
          z-index: 10;
          text-align: center;
          line-height: 70px;
          display: none;
          cursor: pointer;
          z-index: 20; }
        .shishang .shishang_a2 div:nth-of-type(2) .btn_left1 {
          left: 0px; }
          .shishang .shishang_a2 div:nth-of-type(2) .btn_left1:hover {
            background: #eb0151; }
        .shishang .shishang_a2 div:nth-of-type(2) .btn_right1 {
          right: -10px; }
          .shishang .shishang_a2 div:nth-of-type(2) .btn_right1:hover {
            background: #eb0151; }
        .shishang .shishang_a2 div:nth-of-type(2) img {
          width: 390px;
          height: 372px; }
      .shishang .shishang_a2 div:nth-of-type(3) {
        width: 548px;
        height: 372px; }
        .shishang .shishang_a2 div:nth-of-type(3) img {
          width: 270px;
          height: 182px;
          border: 1px solid #eee;
          box-sizing: border-box; }
          .shishang .shishang_a2 div:nth-of-type(3) img:hover {
            opacity: 0.5; }
